<div class="breadcrumbs">
    <a href="http://anhhanquoc.hehe.vn">Tạo ảnh Hàn Quốc</a> › Bước 2
</div>
<br>
<h2>Khung hình bạn chọn</h2>
<img style="padding: 4px; border: 1px solid #ddd;" src="/files/images/frame/frame/<?php echo $frame?>_thumb.jpg">
<hr>
<br>

<h2>Chọn tiếp <?php echo $frame_count?> ảnh để chèn vào khung hình</h2>
<form method="post">

<?php foreach($photos as $v):?>
<div class="frame">
    <label>
        <span class="frame_img">
            <img height="100" src="<?php echo $v['src']?>">
        </span>
        <input class="image" name="image[]" type="<?php echo ($frame_count > 1) ? 'checkbox' : 'radio'?>" value="<?php echo $v['images'][1]['source']?>">
    </label>
</div>


<?php endforeach;?>

<div style="clear: both; margin-bottom: 20px;"></div>

<center><button id="crop1" name="crop1" value="crop1" type="submit">Chọn ảnh</button></center>
</form>

<div id="loading" style="width: 100%; text-align: center;display: none;">
<br>
<img src="/files/images/loader.gif"><br>
Hệ thống đang tải ảnh của bạn để xử lý
</div>

<script>
FB.Event.subscribe('edge.remove',function() {window.location.reload();});
$(function(){
    $('#crop1').click(function(){
        var frame_count = <?php echo $frame_count?>;
        var imgs = $('input.image:checked').length;
        if(imgs < frame_count){
            alert('Bạn phải chọn đủ '+frame_count+' ảnh.');
            return false;
        }
        if(imgs > frame_count){
            alert('Chỉ chọn '+frame_count+' ảnh thôi bạn ơi. Bạn chọn thừa '+(imgs-frame_count)+' cái rồi');
            return false;
        }  
        
        $('#loading').fadeIn('fast');     
    });
})
</script>
<style>
input.image{
    margin: 0;
}
div.frame{
    border: 1px solid #ddd;
    padding: 5px;
    margin: 5px 10px;
    float: left;
}
.frame_img{
    width: 150px;
    overflow: hidden;
    display: block;
}
</style>
